/* common css 模块 样式 by bule lirenwei */
/*两栏模块*/
.towmodule{
	zoom:1;
}
.towmodule:after{
	content: "020"; 
    display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;  
}
.towmodule li{
	float:left;
}
.towmodule .mright{
	float:right;
} 
li{list-style:none;}
/*以下是 服务商城 导航*/
.boxnav{
  	display:box;
  	display:-webkit-box;
  	display:-moz-box;
  	display:-o-box;
  	display:-ms-box;
}
.boxnav li{
	width:50%;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#525252;
	border-bottom:2px solid #fff;
}
.boxnav a{
	display:block;
	cursor:pointer;
}
.boxnav .now{
	border-bottom:2px solid #2e74ca;
}
/* bianxian*/
.bianxian{
	line-height:10px;
	height:10px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	background:#eee;
}
/*筛选 价格销量*/
.screen{
  	display:box;
  	display:-webkit-box;
  	display:-moz-box;
  	display:-o-box;
  	display:-ms-box;

}
.screen li{
	width:50%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#525252;
	padding:9px 0;
	border-bottom:1px solid #e2e2e2;
}
.screen a{
	display:block;
	cursor:pointer;
	height:30px;
	line-height:30px;
}
.screen li:nth-child(1) a{
	border-right:1px solid #e2e2e2;
}

html body{
	padding-bottom:40px;
}/**/
@media screen and (min-width:320px){
body{width:100% !important;    margin: 0 auto!important;}
}
@media screen and (min-width:640px){ 
body{width:100% !important;    margin: 0 auto!important;}
}
@media screen and (min-width:800px){ 
body{width:640px !important;    margin: 0 auto!important;}
}
.rarrow{
	width:16px;
    height:20px;
    display: inline-block;
    position:relative;
    background: url(../images/icon.png) -221px -3px no-repeat;
    background-size: 281px 225px;
    margin-left: 12px;
    top:12px;
}
/**/
.popmask{
    background-color: rgba(35,42,50,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display:none;
}
.popf{
	position:fixed;
	z-index:100;
	width:640px;
	top:10px;
	display:none;
}
.popf img{
	width:99%;
}
@media screen and (min-width:300px){
.popf{width:100% !important;}
}
@media screen and (min-width:640px){ 
.popf{width:100% !important;}
}
@media screen and (min-width:800px){ 
.popf{width:640px !important;}
}
.borb{
    border-bottom: 1px solid #e2e2e2;
}
.bort{
    border-top: 1px solid #e2e2e2;
}
.bortb{
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}
.bortnob {
    border-top: 1px solid #e2e2e2;
    margin-top: 8px;
}
.mt8nob {
    margin-top: 8px;
}
.nobout {
    border: none;
    outline: none;
    background: none;
}
input{
	outline:none;
}
.bgeee{
	background:#eee;
}.pat12{margin-top:12px;background:#fff;}
.bofang{
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/icon.png) -195px -30px no-repeat;
    background-size: 281px 225px;
    position:relative;
    top:5px;padding-right:4px;
}
.bge {
    background: #eee;
}/**/

/*一下是 常用 footer 导航*/
/**/
.w20li li{
	width:25%;
	margin:0px;
	padding:0px;
	text-align:center;
}
.w20li li a{
	display:block;
}
.w20li li p{
	font-size:12px;
	line-height:16px;
	margin:0px;
}/**/
.bfill{
	background:#f9273d;
	color:#fff;
}
.footer_ser{
	position:fixed;
	bottom:0px;
	width:100%;
	background:#fff;
	height:54px;
}
@media screen and (min-width:320px){ 
.footer_ser{width:100%;}
}
@media screen and (min-width:640px){ 
.footer_ser{width:100%;}
}
@media screen and (min-width:800px){ 
.footer_ser{width:640px;}
}
.w20li li div{
	font-size: 12px;
    line-height:33px;
    height:30px;
    margin: 0px;
    text-align:center;
    position:relative;
    top:-12px;
    color:#929292;
}
/**/
.footer_navser{
	padding-top:4px;
	border-top:1px solid #bcbcbc;
}
.footer_navser span{
	width:32px;
	height:32px;
	display:inline-block;
	position:relative;
	top:0px;
	background:url(../images/icon.png) -79px -50px no-repeat;
	background-size:281px 225px;
	margin-right:0px;
}
.footer_navser .now div{
	color:#2eb3e8;
}/**/
.footer_navser span.home{
	background:url(../images/icon.png) -16px -45px no-repeat;
	background-size:281px 225px;
}
.footer_navser .now span.home{
	background:url(../images/icon.png) -17px -77px no-repeat;
	background-size:281px 225px;
}/**/
.footer_navser span.release{
	background:url(../images/icon.png) -49px -45px no-repeat;
	background-size:281px 225px;
}
.footer_navser .now span.release{
	background:url(../images/icon.png) -49px -77px no-repeat;
	background-size:281px 225px;
}/**/
.footer_navser span.book{
	background:url(../images/icon.png) -85px -45px no-repeat;
	background-size:281px 225px;
}
.footer_navser .now span.book{
	background:url(../images/icon.png) -85px -78px no-repeat;
	background-size:281px 225px;
}/**/
.footer_navser span.more{
	background:url(../images/icon.png) -124px -45px no-repeat;
	background-size:281px 225px;
}
.footer_navser .now span.more{
	background:url(../images/icon.png) -124px -79px no-repeat;
	background-size:281px 225px;
}
/*常用 footer 导航 end */
.arrowri {
    width: 10px;
    height: 16px;
    display: inline-block;
    background: url(../images/icon.png) -0px -59px no-repeat;
    background-size: 281px 225px;
    position: relative;
    top: 15px;
}
.arrowridown{
    width: 10px;
    height: 16px;
    display: inline-block;
    background: url(../images/icon.png) -2px -79px no-repeat;
    background-size: 281px 225px;
    position: relative;
    top:19px;
}
.w50{
	width:50%;
}

